<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<div id="interior_registar_propiedad">
 			
 	<form action="" method="post" name="formPropiedad" id="formPropiedad" enctype="multipart/form-data">
				
			
 	<div class="titulo_2" style="padding-left: 20px;">
 	<div style="float: left;150px;height: 35px;	">Edicion de Proyecto:</div>
 	
 		<input type="hidden" id="msj" name="msj" value="<s:property value="mensaje" />"  /> 
 		
 		<input type="hidden" id="hd_id"  name="proyecto.id" value="<s:property value="proyecto.id"/>" />																	
 		<input type="hidden" id="hd_departamento" value="<s:property value="proyecto.departamento"/>" />
		<input type="hidden" id="hd_provincia" value="<s:property value="proyecto.provincia"/>" />
		<input type="hidden" id="hd_distrito"  value="<s:property value="proyecto.distrito"/>" />
			
 	
 	</div>
	
	<div class="interior_datos">
			<div class="titulo" style="padding-left: 20px;">Datos de la Proyecto</div>
			<p></p>
			
			<table cellpadding="0" cellspacing="0" border="0" style="padding-left: 10px;padding-bottom: 20px;">
			
					<tr>
						<td colspan="3" height="1px">
					 <div style="width: 495px;">
               			 <div class="message_pnl_sing_in_error" id="mensaje_error_pnl_sign_in">
               		 <div style="padding-left: 150px;"> Campos Requeridos</div>
                		</div>
                		
                <div style="width: 505px;">
                <div class="message_success" id="message_success_edit">
                <div> <div style="padding-left: 100px"> Sus cambios se guardaron exitosamente!</div><div class="ck_image"></div></div>
                </div>
                </div>
                		
               		 </div>
						</td>
						<td rowspan="9" width="400px;" valign="top"  >
							<table cellpadding="0" cellspacing="0" border="1">
								<tr>
									<td colspan="2" class="sub_titulo" width="395px">Asociar Propiedades</td>
								</tr>
								<tr>
									<td colspan="2" height="35px;">&nbsp;</td>
								</tr>
								 <s:iterator value="propiedades" status="status">  
								 <tr>
									<td class="sub_titulo" height="25px;" width="100px"><s:property value="titulo"/></td>
									<td height="25px;"><input name="list" type="checkbox" value="<s:property value="id"/>" ></td>
								</tr>
					 	 		</s:iterator>
					 	 		<tr>
									<td colspan="2" class="sub_titulo" width="395px">Propiedades Asociadas</td>
								</tr>
								<tr>
									<td colspan="2" height="35px;">&nbsp;</td>
								</tr>
								 <s:iterator value="propiedades_usadas" status="status">  
								 <tr>
									<td class="sub_titulo" height="25px;" width="100px"><s:property value="titulo"/></td>
									<td height="25px;"><input name="list" checked="checked" type="checkbox" value="<s:property value="id"/>" ></td>
								</tr>
					 	 		</s:iterator>
								
							</table>
						</td>
					</tr>
					<tr>
						<td class="sub_titulo" height="35px" width="150px">Nombre</td>
						<td  width="350px">
							
																	
					<input type="hidden" name="proyecto.latitud" id="txtLatitud" value="<s:property value="proyecto.latitud"/>" /> 
					<input type="hidden" name="proyecto.longitud" id="txtLongitud" value="<s:property value="proyecto.longitud"/>" /> 
					<input size="50" class="input_text2" type="text" name="proyecto.nombre" id="txtNombre" value="<s:property value="proyecto.nombre"/>" /> </td>
					</tr>
					<tr>
						<td class="sub_titulo" height="35px" valign="top">Descripcion</td>
						<td><textarea class="input_textArea" rows="4" cols="39" name="proyecto.descripcion" id="txtDescripcion" ><s:property value="proyecto.descripcion"/></textarea></td>
						
					</tr>	
					<tr>
						<td class="sub_titulo" height="35px">Departamento</td>
						<td>
						<select class="input_select2" name="proyecto.departamento" id="cboDepartamento" onchange="cargar_provincias()">
								<option value="none">[-Seleccione-]</option>
								<s:iterator value="lista_departamento" status="status"> 
									<option value="<s:property value="IdDepartamento"/>"><s:property value="nombre"/></option>
								</s:iterator>
						    </select> </td>					    
					</tr>
					<tr>
						<td class="sub_titulo" height="35px">Provincia</td>
						<td>
						  <div id="div_provincia">
						   <select class="input_select2" name="proyecto.provincia" id="cboProvincia">
								<option value="none">[-Seleccione-]</option>
								<s:iterator value="lista_provincia" status="status"> 
								<option value="<s:property value="IdProvincia"/>"><s:property value="nombre"/></option>
							     </s:iterator>								
						    </select>
						    </div>
						     </td>
					
					</tr>
					<tr>
						<td class="sub_titulo" height="35px">Distrito</td>
						<td><div id="div_distrito">
						    <select class="input_select2" name="proyecto.distrito" id="cboDistrito">
								<option value="none">[-Seleccione-]</option>
								<s:iterator value="lista_distrito" status="status"> 
										<option value="<s:property value="IdDistrito"/>"><s:property value="nombre"/></option>
								</s:iterator>								
						    </select>
						    </div>
					    </td>	
					</tr>
					<tr>
						<td  class="sub_titulo" height="35px">Direccion</td>						    
						<td  ><input size="50" class="input_text2" type="text" name="proyecto.direccion" id="txtDireccion" value="<s:property value="proyecto.direccion"/>" /> </td>
						
					</tr>
					
					<tr>
						<td class="sub_titulo" height="35px" valign="top">Areas Comunes</td>
						<td valign="top"><input style="margin-top: 5px; "  size="50" class="input_text2" type="text" id="txtAreaComunes" name="proyecto.areas_comunes" value="<s:property value="proyecto.areas_comunes"/>" /> </td>

					</tr>
					
						<tr>
						<td class="sub_titulo" height="35px" valign="top">Acabados</td>
						<td valign="top"><input style="margin-top: 5px; "  size="50" class="input_text2" type="text" id="txtAcabados" name="proyecto.acabados" value="<s:property value="proyecto.acabados"/>" /> </td>

					</tr>
					
					
							
			</table>
			
			
	</div>
	
	<div class="interior_mapa">
			<div class="titulo" style="padding-left: 20px;">Ubicacion Geografica</div>
			
			<div id="contenedor_map_propiedad"> 
							
        			 <div id="mapas" style="width:890px;height:245px;"> </div>
 			</div>
			
	</div>
	
	<div class="interior_fotos">
			<div class="titulo" style="padding-left: 20px;">Fotografias del Proyecto</div>
		
		<table border="0px" style="padding-left: 10px;" cellpadding="0" cellspacing="0" >
	
				<tr>
					<td width="305px;" align="center">
					<a id="image_prop1" href="upload/<s:property value="proyecto.id"/>-1-pro.jpg ">
							<img alt="not found" src="upload/<s:property value="proyecto.id"/>-1-pro.jpg" width="80px" height="80px" />
				     </a></td>
				</tr>		
				<tr>
					<td align="center"><input size="10" type="file" name="proyecto.archivo"> </td>
				</tr>			
			</table>
			

	</div>
	
	<div class="save">
			<table cellpadding="0" cellspacing="0" border="0">
				<tr>
					<td><input id="register_user" name="register_user" class="form_btn" type="button" value="Grabar" /> </td>
				</tr>
			</table>
	</div>
	
		
  </form>
  
</div>




 <script type="text/javascript">
 var map = null;
 var address;


 $("a#image_prop1").fancybox({
		'overlayShow'	: true,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic'
});
 
 $(document).ready(function() {

 cargarEditarPropiedad();

 $("#message_success_edit").hide();
	var log = $("#msj").val();	
	if(log=="SUCCESS"){			
		$("#message_success_edit").show();			
}
 
 
 var myLatlng = new google.maps.LatLng($("#txtLatitud").val(),$("#txtLongitud").val());
 var myOptions = {
        zoom: 15,
        center: myLatlng,
        scrollwheel:false,
        mapTypeId: google.maps.MapTypeId.ROADMAP
       };
 map = new google.maps.Map($("#mapas").get(0), myOptions);   
 var marker = new google.maps.Marker({
        position: myLatlng,
        draggable: true,
        map: map
    }); 

 google.maps.event.addListener(marker, 'dragend', function(){
		openInfoWindow(marker);
	});




 });


 function openInfoWindow(marker) {
     var markerLatLng = marker.getPosition();
     $("#txtLatitud").val(markerLatLng.lat());
     $("#txtLongitud").val(markerLatLng.lng());  
}

 
 function requerido(lista)
 {
     var pal;
     var cantidad = 0;
     var paso=true;
     var txtfocus="";
     for (i=lista.length-1;i>=0;i--){    	 
    	 pal=$("#"+lista[i]).val();
    	 
    	 cantidad=pal.length;
      if(cantidad>0){              
		   if(lista[i]!='txtDescripcion'){   
			$("#"+lista[i]).addClass('input_text2').removeClass('input_text_error2');   
			}          
		   else{		
			$("#"+lista[i]).addClass('input_textArea').removeClass('input_textArea_error');      
			}			   
	  }else{
		  if(lista[i]!='txtDescripcion'){
			  $("#"+lista[i]).addClass('input_text_error2').removeClass('input_text2');
			  txtfocus = lista[i];
	      }else{	    	
	    	  $("#"+lista[i]).addClass('input_textArea_error').removeClass('input_textArea');
	    	  txtfocus = lista[i];
	 	   }
    	 
			paso=false;    	  
          }
     }
     if(txtfocus.length>0){
         $("#"+txtfocus).focus();
     }
     return paso;
}

function requerido_cbo(lista)
{
	var x = true;
	 for (i=lista.length-1;i>=0;i--){ 
			cboActual = document.getElementById(lista[i]);			           
		    if(cboActual.selectedIndex==0){			    
		    	$("#"+lista[i]).addClass('input_select_error2').removeClass('input_select2');   
				x = false;
				}
		    else{
		    	$("#"+lista[i]).addClass('input_select2').removeClass('input_select_error2');
		    		
			 }		      		   
		}
 	return x;
} 



 

 $("#register_user").click(function()
		    {
		        var lista_input = ['txtNombre','txtDescripcion','txtDireccion','txtAreaComunes','txtAcabados'];
		        var lista_cbo = ['cboDepartamento','cboProvincia','cboDistrito'];
		
			    var paso = requerido(lista_input);
		        if(!paso){
		        	$('html,body').animate({scrollTop:'150px'}, 500);
		            $("#mensaje_error_pnl_sign_in").fadeIn(1000);return false;             
		        }else{
		            $("#mensaje_error_pnl_sign_in").hide();
		            if(requerido_cbo(lista_cbo)){
		                  $("#formPropiedad").attr('action', 'actualizarProyecto');
		                   $("#formPropiedad").submit();
		            }
		            else{
		            	$('html,body').animate({scrollTop:'150px'}, 500);
			            $("#mensaje_error_pnl_sign_in").fadeIn(1000);return false;
			            }
		          
		        }

		    });
 
 function trim (myString)
 {
  return myString.replace(/^\s+/g,'').replace(/\s+$/g,'');
 }


 function cargar_provincias(){
     $.ajax({
         type: "POST",
         url:"cargar_provincias_proyecto",
         data: "id_departamento="+$("#cboDepartamento").val(),
         success: function(datos){
             $("#div_provincia").html(datos);
             $("#div_distrito").html("<select class='input_select2' name='propiedad.distrito' id='cboDistrito'><option value='none'>[-Seleccione-]</option></select>");
         }
 		});
	 } 
 
 function cargar_distritos(){
     $.ajax({
         type: "POST",
         url:"cargar_distritos_proyecto",
         data: "id_provincia="+$("#cboProvincia").val(),
         success: function(datos){
             $("#div_distrito").html(datos);
         }
 		});
	 } 

function solo_numero(input_text){
	var valor = input_text.value;
	var regex = /^\d+$/.test(valor);
	var cadena = "";
	
	if(regex==false){	
		for (var i=0; i<valor.length; i++)
		{			
			var x = valor.charAt(i)+"";					
			if(!isNaN(x)){			
				cadena=cadena+x;	
			}
		}
		input_text.value=cadena;
	}
}



function cargarEditarPropiedad(){



	  var cbo_departamento = document.getElementById("cboDepartamento");
	  var cbo_provincia    = document.getElementById("cboProvincia");
	  var cbo_distrito	   = document.getElementById("cboDistrito");
	  var valor_departamento = $("#hd_departamento").val();
	  var valor_provincia 	 = $("#hd_provincia").val();
	  var valor_distrito	 = $("#hd_distrito").val();
	  

	  cbo_departamento.selectedIndex=0;
	  cbo_provincia.selectedIndex=0;
	  cbo_distrito.selectedIndex=0;
	


	   for(var d=0;d<cbo_departamento.length;d++){
         if(cbo_departamento.options[d].value == valor_departamento){
      	   cbo_departamento.selectedIndex=d;
	  }  } 

	   for(var p=0;p<cbo_provincia.length;p++){
         if(cbo_provincia.options[p].value == valor_provincia){
      	   cbo_provincia.selectedIndex=p;
	  }  } 

	   for(var di=0;di<cbo_distrito.length;di++){
         if(cbo_distrito.options[di].value == valor_distrito){
      	   cbo_distrito.selectedIndex=di;
	  }  } 
	}
	
 </script>


 
